<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>千图网</title>
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet " type="text/css " href="css/globle.css " />
  		<link rel="stylesheet " type="text/css " href="css/style.css " />
		<style type="text/css">
			body{
				margin: 0;
				background-color: #F4F4F4;
			}
			.xx{
				width: 1200px;
				height: 40px;
				margin: auto;
				font-size: 16px;
				background-color: #f4f4f4;
			}
			.xx1{
				float: left;
				line-height: 40px;
			}
			.xx2{
				line-height: 40px;
				float: right;
			}
			.xx span{
				line-height: 26px;
				text-align: center;
				display: inline-block;
			}
			.xx1 span:nth-child(1),
			.xx1 span:nth-child(2),
			.xx2 span:nth-child(4){
				width: 94px;
				height: 28px;
				border: 1px solid #00b9d5;
				border-radius: 5px;
				font-size: 14px;
				color: #00B9D5;
			}
			.xx1 span:nth-child(1) a,
			.xx1 span:nth-child(2) a,
			.xx2 span:nth-child(4) a{
				color: #00b9d5;
			}
			.xx1 span:nth-child(2){
				margin-left: 15px;
			}
			.xx2 span:nth-child(5){
				width: 94px;
				height: 28px;
				border: 1px solid #3ebb2a;
				border-radius: 5px;
				font-size: 14px;
				color: #3EBB2A;
			}
			.xx2 span:nth-child(5) a{
				color: #3EBB2A;
			}
			.xx1 span:nth-child(3){
				font-size: 10px;
				color: #969595;
				margin-left: 20px;
			}
			.xx1 span:nth-child(3) a{
				color: #969595;
			}
			.xx2 span:nth-child(1),
			.xx2 span:nth-child(2),
			.xx2 span:nth-child(3){
				font-size: 14px;
				color: #656965;
				margin-right: 8px;
			}
			.xx2 span:nth-child(1) a,
			.xx2 span:nth-child(2) a,
			.xx2 span:nth-child(3) a{
				color: #656965;
			}
			.z{
				background-color: white;
			}
			.zz{
				width: 1200px;
				height: 86px;
				margin: auto;
				margin-bottom: 2px;
			}
			.zz img,.kk img{
				height: 63px;
				width: 142px;
				display: inline-block;
				float: left;
				margin-top: 14px;
			}
			.zz ul{
				padding: 0;
				width: 997px;
				float: left;
				margin: 0;
			}
			.zz ul li{
				display: flex;
				display: inline-block;
				width: 87px;
				line-height: 86px;
				margin: 0px 8.3px;
				text-align: center;
				font-size: 16px;
			}
			.zz ul li a{
				color: #666666;
			}
			.zz ul li:nth-child(1) a{
				color: #ff6c00;
				
			}
			.zz ul li:hover{
				border-bottom: 2px solid #FF6C00;
			}
			.zz ul a:hover{
				color: #ff6c00;
			}
			.zz ul li:nth-child(1){
				border-bottom: 2px solid #FF6C00;
				
			}
			.kk{
				width: 100%;
				height: 86px;
				background-color: white;
				position: fixed;
				z-index: 1000;
				display: none;
			}
			#bbbb{
				width: 1200px;
				margin: auto;
			}
			.aa{
				width: 100%;
				height: 161px;
				background-color: #aaaaaa;
				background-image: url(images/images/indexbg.jpg);
				text-align: center;
				margin-bottom: 15px;
			}
			.aaa{
				width: 1200px;
				margin: auto;
			}
			.aa0{
				font-size: 34px;
				color: white;
				line-height: 85px;
				margin: 0;
			}
			#aa1,#kk1{
				width: 529px;
				height: 40px;
				border: 0;
				border-top-left-radius: 5px;
				border-bottom-left-radius: 5px;
				margin-top: 2px;
			}
			.aa button,.kk button{
				width: 100px;
				height: 40px;
				border: 0;
				color: white;
				font-size: 20px;
				padding: 0px 0px 5px 0px;
				/*padding-top: 2px;*/
				
			}
			.aa2{
				background-color: #3dbc2a;
				border-top-right-radius: 5px;
				border-bottom-right-radius: 5px;
			}
			.aa3{
				background-color: #ff792f;
				border-radius: 5px;
			}
			.bb{
				text-align: center;
				margin-bottom: 15px;
			}
			.bb ul{
				width: 1200px;
				padding: 0;
				margin: auto ;
				margin-top: 12px;
			}
			.bb ul li{
				width: 164px;
				height: 68px;
				border-radius: 5px;
				display: flex;
				display: inline-block;
				line-height: 68px;
				font-size: 20px;
				color: #ae7f5e;
			}
			.bb ul li a{
				color: #AE7F5E;
			}
			.bb ul li:nth-child(1) a{
				color: #997f5e;
			}
			.bb ul li:nth-child(2) a{
				color: #b47647;
			}
			.bb ul li:nth-child(4) a{
				color: #6882ad;
			}
			.bb ul li:nth-child(3) a{
				color: #afa19d;
			}
			.bb ul li:nth-child(5) a{
				color: #488cab;
			}
			.bb ul li:nth-child(6) a{
				color: #7a94a2;
			}
			.bb ul li:nth-child(7) a{
				color: #5f8e5d;
			}
			.bb ul li:nth-child(1){
				background-color: #eae1bf;
			}
			.bb ul li:nth-child(2){
				background-color: #eedabc;
			}
			.bb ul li:nth-child(3){
				background-color: #eddccd;
			}
			.bb ul li:nth-child(4){
				background-color: #b8d3fb;
			}
			.bb ul li:nth-child(5){
				background-color: #b8e3ef;
			}
			.bb ul li:nth-child(6){
				background-color: #d6e8bf;
			}
			.bb ul li:nth-child(7){
				background-color: #c0e8bf;
			}
			.bb ul li:nth-child(1):hover{
				background-color: #eae199;
			}
			.bb ul li:nth-child(2):hover{
				background-color: #eeda99;
			}
			.bb ul li:nth-child(3):hover{
				background-color: #eddc99;
			}
			.bb ul li:nth-child(4):hover{
				background-color: #b8d399;
			}
			.bb ul li:nth-child(5):hover{
				background-color: #b8e399;
			}
			.bb ul li:nth-child(6):hover{
				background-color: #d6e899;
			}
			.bb ul li:nth-child(7):hover{
				background-color: #c0e899;
			}
			.cc{
				width: 1200px;
				margin: auto;
				height: 83px;
				margin-bottom: 16px;
			}
			.cc div{
				width: 99px;
				height: 83px;
				display: inline-block;
				text-align: center;
				background-color: white;
				margin-right: -7px;
				/*border-right: 1px solid #999999;*/
				margin-right: 1px;
			}
			.cc div p{
				font-size: 12px;
				margin-bottom: 8px;
				color: #666666;
			}
			.cc .cc1{
				width: 150px;
				height: 83px;
				background-color: white;
				display: inline-block;
				margin: 0;
				float: right;
				font-size: 15px;
				color: #666666;
				text-align: center;
				line-height: 83px;
				/*border-right: 1px solid #666666;*/
				/*margin-right: px;*/
			}
			.cc1 a{
				color: #666666;
			}
			.cc div{
				border: 1px solid white;
			}
			.cc div:hover{
				border: 1px solid #99c800;
			}
			.dd{
				width: 1200px;
				margin: auto;
				margin-bottom: 30px;
			}
			.dd .dd1{
				font-size: 16px;
				margin: 25px 0px ;
				color: #666666;
			}
			.dd .dd2{
				background-color: #F4F4F4;
				border: 0;
				float: right;
			}
			.dd div{
				display: inline-block;
				width: 239px;
				height: 272px;
				background-color: white;
				margin-right: 1px;
				padding: 8px;
				padding-right: 12px;
				float: left;
				overflow: hidden;
			}
			.dd img{
				width: 224px;
				margin-right: 8px;
			}
			.dd div{
				border: 1.5px solid white;
			}
			.dd div:hover{
				box-shadow: 0 0 1px #999999;
			}
			.dd div:nth-child(5){
				margin-right: 0;
			}
			.dd div p{
				text-align: center;
				line-height: 46px;
				color: #777777;
				margin: 0;
				font-size: 14px;
			}
			.ee{
				width: 1200px;
				margin: auto;
				color: #9a9a9a;
				font-size: 15px;
			}
			.ee a{
				color: #9a9a9a;
			}
			.ee ul{
				padding: 0;
			}
			.ee ul li{
				display: flex;
				display: inline-block;
				margin-top: 8px;
				margin-right: 8px;
			}
			.ee .ee1 li:nth-child(1) a{
				color: #676767;
			}
			.ee .ee3{
				font-size: 16px;
			}
			.ff{
				width: 100%;
				height: 119px;
				background-color: #202524;
			}
			.ff .ff1{
				width: 1200px;
				height: 119px;
				margin: auto;
				/*padding-top: 10px;*/
				font-size: 14px;
			}
			.ff .ff2{
				display: inline-block;
				width: 900px;
			}
			.ff ul{
				padding: 0;
			}
			.ff li{
				display: flex;
				display: inline-block;
				
			}
			.ff .ff3{
				margin-top: 15px;
			}
			.ff .ff3 a{
				color: #eeeeee;
			}
			.ff .ff4,.ff5 a{
				color: #888888;
			}
			.ff .ff6{
				width: 114px;
				height: 30px;
				background-color: #00b9d5;
				padding-top: 5px;
				text-align: center;
				border-radius: 5px;
			}
			.ff6{
				color: white;
			}
			.ff .ff7 a{
				color: #888888;
			}
			.fff{
				position: relative;
				bottom: 20px;
			}
			#kk1{
				border: 2px solid #3EBB2B;
				margin-left: 245px;
				margin-top: 23px;
			}
			.kk .aa2{
				margin-right: 8px;
			}
		</style>
	</head>
	<body>
		<section class="kk">
			<div id="bbbb">
				<img src="11111.png" alt="" />
				<input type="" name="" id="kk1" value="" placeholder="    800万长设计素材免费下载"/><button class="aa2">搜全站</button>
				<button class="aa3">搜原创</button>
			</div>
		</section>
		<header class="xx">
			<div class="xx1">
				<span><a href="#"><i class="fa fa-qq"></i> QQ交谈</a></span>
				<span><a href="#">官方QQ群</a></span>
				<span><a href="#">常见问题</a></span>
			</div>
			<div class="xx2">
				<span><a href="#">点我赚钱</a></span>
				<span><a href="#">注册</a></span>
				<span><a href="#">登录</a></span>
				<span><a href="#"><i class="fa fa-qq"></i> QQ登录</a></span>
				<span><a href="#"><i class="fa fa-weixin"></i> 微信登录</a></span>
			</div>
		</header>
		<section class="z">
			<header class="zz">
			<img src="11111.png" alt="" />
			<ul>
				<li><a href="">首页</a></li>
				<li><a href="">原创设计</a></li>
				<li><a href="">广告设计</a></li>
				<li><a href="">淘宝设计</a></li>
				<li><a href="">素材分类</a></li>
				<li><a href="">千图灵感</a></li>
				<li><a href="">设计工具</a></li>
				<li><a href="">活动</a></li>
				<li><a href="">VIP特权</a></li>
			</ul>
		</header>
		</section>
		<div class="aa">
			<div class="aaa">
				<p class="aa0">专注免费设计素材网站</p>
			<input type="" name="" id="aa1" value="" placeholder="    800万长设计素材免费下载"/><button class="aa2">搜全站</button>
			<button class="aa3">搜原创</button>
			</div>
		</div>
		<div class="bb">
		<div class="container">
        <div id="my-Carousel" class="carousel slide" data-ride="carousel" data-interval="1500">
        	<ol class="carousel-indicators">
        		<li data-target="#my-Carousel" data-slide-to="0" class="active"></li>
            	<li data-target="#my-Carousel" data-slide-to="1"></li>
            	<li data-target="#my-Carousel" data-slide-to="2"></li>
           		<li data-target="#my-Carousel" data-slide-to="3"></li>
            	<li data-target="#my-Carousel" data-slide-to="4"></li>
         	</ol>
         	<div class="carousel-inner" role="listbox"><div class="item active">
              <img src="images/images/5874782b3d557.jpg" alt="..."></div>
            <div class="item">
              <img src="images/images/58747a1d7fe0f.png" alt="..."></div>
            <div class="item">
              <img src="images/images/5875a90e58027.png" alt="..."></div>
            <div class="item">
              <img src="images/images/5876e7ed2e514.png" alt="..."></div>
            <div class="item">
              <img src="images/images/58783171a9fe3.jpg" alt="..."></div>
          	</div>
        </div>
   	 	</div>
    		<ul>
				<li><a href="#">原创VIP专区</a></li>
				<li><a href="#">平面/广告</a></li>
				<li><a href="#">淘宝设计</a></li>
				<li><a href="#">室内设计</a></li>
				<li><a href="#">网页/UI设计</a></li>
				<li><a href="#">影视/媒体</a></li>
				<li><a href="#">服装设计</a></li>
			</ul>
		</div>
		<section class="cc">
				<div><a href="#"><img src="images/icon01.png" alt=""><p>开发手册</p></img></a></div>
				<div><a href="#"><img src="images/icon02.png" alt=""><p>UI图标库</p></img></a></div>
				<div><a href="#"><img src="images/icon03.png" alt=""><p>淘宝工具</p></img></a></div>
				<div><a href="#"><img src="images/icon04.png" alt=""><p>配色工具</p></img></a></div>
				<div><a href="#"><img src="images/icon01-05.png" alt=""><p>网页工具</p></img></a></div>
				<div><a href="#"><img src="images/icon02-06.png" alt=""><p>图标宝</p></img></a></div>
				<div><a href="#"><img src="images/icon01-07.png" alt=""><p>画册宝</p></img></a></div>
				<div><a href="#"><img src="images/icon02-08.png" alt=""><p>在线书法</p></img></a></div>
				<div><a href="#"><img src="images/icon01-09.png" alt=""><p>电商培训</p></img></a></div>
				<div><a href="#"><img src="images/icon02-10.png" alt=""><p>店铺装修代码</p></img></a></div>
			<p class="cc1"><a href="#">更多设计工具</a></p>
		</section>
		<section class="dd">
			<section>
				<span class="dd1">热门专题</span>
				<button class="dd2">更多<span class="dd3">></span></button>
			</section>
			<div><a href="#"><img src="images/images/pic01.png" alt=""><p>创意海报</p></img></a></div><div><a href="#"><img src="images/pic01-12.png" alt=""><p>鸡年ppt</p></img></a></div><div><a href="#"><img src="images/pic01-13.png" alt=""><p>喜庆元素背景集</p></img></a></div><div><a href="#"><img src="images/pic01-14.png" alt=""><p>年会精选</p></img></a></div><div><a href="#"><img src="images/pic01-15.png" alt=""><p>『放假通知』素材精选</p></img></a></div>
		</section>
		<section class="ee">
			<ul class="ee1">
				<li><a href="#">友情链接</a></li>
				<li><a href="#">新素材</a></li>
				<li><a href="#">新搜索</a></li>
				<li><a href="#">热门素材</a></li>
				<li><a href="#">热门ppt素材</a></li>
				<li><a href="#">热门淘宝素材</a></li>
				<li><a href="#">热门装饰素材</a></li>
				<li><a href="#">热门专题</a></li>
				<li><a href="#">搜索地图</a></li>
			</ul>
			<hr />
			<ul class="ee2">
				<li><a href="#">千图样机</a></li>
				<li><a href="#">我图网</a></li>
				<li><a href="#">90设计</a></li>
				<li><a href="#">摄图网</a></li>
				<li><a href="#">微信公众平台</a></li>
				<li><a href="#">图片之家</a></li>
				<li><a href="#">UI图标库</a></li>
				<li><a href="#">背景图片</a></li>
				<li><a href="#">精品素材</a></li>
				<li><a href="#">千广网</a></li>
				<li><a href="#">折800官网</a></li>
				<li><a href="#">深圳地图</a></li>
				<li><a href="#">背景墙</a></li>
				<li><a href="#">找工作</a></li>
				<li><a href="#">PPT模板</a></li>
				<li><a href="#">爱奇艺广告</a></li>
				<li><a href="#">装修资讯</a></li>
				<li><a href="#">视频素材</a></li>
				<li><a href="#">天气预报查询</a></li>
				<li><a href="#">色图网</a></li>
				<li><a href="#">123网址之家</a></li>
				<li><a href="#">壁纸</a></li>
				<li><a href="#">QQ头像</a></li>
				<li><a href="#">电脑壁纸</a></li>
				<li><a href="#">淮安新闻网</a></li>
				<li><a href="#">山东门户</a></li>
				<li><a href="#">经典语录</a></li>
				<li><a href="#">qq个性签名</a></li>
				<li><a href="#">PS教程网</a></li>
				<li><a href="#">我图素材下载</a></li>
				<li><a href="#">比克尔下载</a></li>
				<li><a href="#">图片大全</a></li>
				<li><a href="#">老男人</a></li>
				<li><a href="#">壁纸</a></li>
				<li><a href="#">小清新图片</a></li>
				<li><a href="#">男士时尚</a></li>
				<li><a href="#">QQ个性签名</a></li>
				<li><a href="#">QQ分组</a></li>
				<li><a href="#">奶茶图片</a></li>
				<li><a href="#">创意图案</a></li>
				<li class="ee3"><a href="#">更多></a></li>
				<li>友情链接请联系 QQ : 948531617</li>
				<li>要求 : PR≥4 , 百度权重≥7</li>
			</ul>
		</section>
		<section class="ff">
			<section class="ff1">
				<div class="ff2">
					<ul class="ff3">
						<li><a href="#">官方微博</a></li>
						<li><a href="#">常见问题</a></li>
						<li><a href="#">版权声明</a></li>
						<li><a href="#">商务合作</a></li>
						<li><a href="#">售后服务</a></li>
						<li><a href="#">新素材</a></li>
						<li><a href="#">图片下载</a></li>
						<li><a href="#">素材专题</a></li>
						<li><a href="#">千图导航</a></li>
						<li class="ff6"><i class="fa fa-qq"></i> 企业QQ交谈</li>
						<li class="ff7">客服电话 : 400-998-7011</li>
					</ul>
					<span class="ff4">千图网素材为用户免费分享产生，若发现您的利益被侵害，请联系tusou@58pic.com , 我们尽快处理</span><br>
					<span class="ff5">Copyriqht &copy; 2025千图网 沪ICP备10011451号-6 用时 : 0.0173 0.584秒   上海工商</span>
				</div>
				<img src="222222.png" alt="" class="fff"/>
			</section>
		</section>
		<script src="jquery-3.1.1.js"></script>
		<!--<script src="bootstrap/js/jquery.min.js"></script>-->
    	<script src="bootstrap/js/bootstrap.min.js"></script>
	</body>
</html>
<script type="text/javascript">
	window.onscroll = function(){
		var bbbbb = $(window).scrollTop();
		if (bbbbb>=200) {
			$('.kk').css('display','block')
		} else{
			$('.kk').css('display','none')
			
		}
	}
</script>
